<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/geren.css" rel="stylesheet" />
		<link href="css/iconfont.css" rel="stylesheet" />
	</head>

	<body>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title"></h1>
		</header>
		<div class="mui-content mui-scroll-wrapper">
			<div class="tou">
				<div class="user">
			    	<img src="images/111.jpg"/>
			    	<h4>
			    		<p>老刘</p>
			    		<p>申请认证</p>
			    	</h4>
			    	<div class="yuedu">
			    		<img src="images/logo.png"/>
			    		<h4>
				    		<p>今日阅读</p>
				    		<p>5分钟</p>
			    		</h4>
			    	</div>
		    	</div>
		    	<div class="fourbtn">
		    		<ul>
		    			<li>动态：<span>10</span></li>
		    			<li>动态：<span>10</span></li>
		    			<li>动态：<span>10</span></li>
		    		</ul>
		    	</div>
			</div>
		    <div class="threebtn">
		    	<ul>
		    		<li>
		    			<span class="iconfont icon-xingxing"></span>
		    			<h5>收藏</h5>
		    		</li>
		    		<li>
		    			<span class="iconfont icon-lishijilu"></span>
		    			<h5>收藏</h5>
		    		</li>
		    		<li>
		    			<span class="iconfont icon-yejianmoshi"></span>
		    			<h5>收藏</h5>
		    		</li>
		    	</ul>
		    </div>
		    <div class="list">
			<!--mList-->
			<ul class="mui-table-view">
			    <li class="mui-table-view-cell" id="xiaoxi">
			        <a class="mui-navigate-right">
			            <span>
			            	消息通知
			            	<!--角标mBadge-->
			            	<span class="mui-badge mui-btn-danger jiaobiao">1</span>
			            </span>
			        </a>
			    </li>
			</ul>
			<ul class="mui-table-view">
		        <li class="mui-table-view-cell">
		            <a class="mui-navigate-right">
		                <span>头条商城</span>
		                <span class="righttext">邀请好友得现金奖励</span>
		            </a>
		        </li>
		        <li class="mui-table-view-cell">
		            <a class="mui-navigate-right">
		                <span>京东特供</span>
		                <span class="righttext">新人领188元红包</span>
		                 <!--class="mui-pull-right" 用该类会导致右侧箭头消失-->
		            </a>
		        </li>
			 </ul>
			 <ul class="mui-table-view">
		         <li class="mui-table-view-cell">
		             <a class="mui-navigate-right">
		                <span>用户反馈</span>
		             </a>
		         </li>
		         <li class="mui-table-view-cell">
		             <a class="mui-navigate-right">
		                <span>系统设置</span>
		             </a>
		         </li>
			</ul>
			</div>
			<div class="kong">
			</div>
		</div>
	</body>

</html>